<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#by {
				width: 1000px;
				height: 500px;
				border: 1px solid white;
				margin-top: -25px;
				margin-left: 150px;
				padding: 0;
			}

			#by1 {
				width: 950px;
				height: 100px;
				margin: 0 auto;
				line-height: 90px;
				padding: 0;
			}

			.yy {
				margin-left: 70px;
			}

			.by2 {
				background-image: url(img/buytitle_bg.gif);
				background-position: center;
				background-repeat: no-repeat;
				margin: 0;
				padding: 0;
				height: 35px;
				line-height: 35px;
			}

			#by3 {
				margin: 0;
				padding: 0;
			}

			.wx {
				margin-left: 50px;
				padding: 0;
			}

			.wx li {
				list-style: none;
			}

			.spm {
				width: 350px;
				float: left;
				text-align: left;
				display: block;
				height: 30px;
			}

			.yj {
				width: 100px;
				text-align: left;
				display: block;
				float: left;
				height: 30px;
			}

			#by5 {
				margin-top: 165px;
			}

			.sl {
				width: 200px;
				text-align: left;
				display: block;
				float: left;
				height: 30px;
			}

			.dh {
				width: 30px;
			}

			#dh {
				width: 90px;
			}

			#by4 {
				margin-left: 300px;
			}
		</style>
	</head>
<body>
	
	<div id="tb">
		<iframe runat="server" src="header.html" width="1300px" frameborder="0" scrolling="no"></iframe> 
	</div>
	
	<div id="by">
		<div id="by1">
			<img src="img/mycart.gif">
			<span class="yy">全场运费一律2元</span>
			<span class="yy">简易计算器</span>
		</div>
		<div class="by2">
			<span class="yy">确认商品价格与交易条件</span>
		</div>
		<div id="by3">
			<ul class="wx">
				<li>
					<span class="spm"><b>商品名</b></span>
					<span class="yj"><b>原价</b></span>
					<span class="yj"><b>优惠价</b></span>
					<span class="yj"><b>打折</b></span>
					<span class="sl"><b>数量</b></span>
					<span class="yj"><b>删除</b></span>
				</li>
				<li>
					<span class="spm">攀高搓捶背靠垫按摩器(蓝色) (定制) .</span>
					<span class="yj">￥258.00</span>
					<span class="yj">￥129.00</span>
					<span class="yj">50折</span>
					<span class="sl"><input type="text" value="1" /></span>
					<span class="yj">删除</span>
				</li>
				<li>
					<span class="spm">郝彬美国口语-美国口语成功训练系统(MP3)</span>
					<span class="yj">￥480.00</span>
					<span class="yj">￥292.90</span>
					<span class="yj">60折</span>
					<span class="sl"><input type="text" value="1" /></span>
					<span class="yj">删除</span>
				</li>
				<li>
					<span class="spm">简.奥斯汀全集(DVD-9) (赠BBC产 品目录...</span>
					<span class="yj">￥103.90</span>
					<span class="yj">80折</span>
					<span class="sl"><input type="text" value="1" /></span>
					<span class="yj">删除</span>
				</li>
				<li>
					<span class="spm">继续挑选</span>
					<span class="yj"></span>
					<span class="yj"></span>
					<span class="yj"></span>
					<span class="sl"><input type="text" value="1" /></span>
					<span class="yj">删除</span>
				</li>
			</ul>
		</div>
		<div class="by2" id="by5">
			<span class="yy">补充您的邮件地址和联系人信息</span>
		</div>
		<div id="by4">
			<ul class="wx">
				<li>收件人：<input type="text" /></li>
				<li>地&nbsp; &nbsp;址：<input type="text" />请点击填写地址</li>
				<li>电&nbsp; &nbsp;话：<input type="text" class="dh" />-<input type="text" id="dh" />-<input type="text" class="dh" />（区号-电话号码-分机）</li>
				<li><img src="img/submit.gif"></li>
			</ul>
		</div>
	</div>

		<div id="wb">
			<iframe runat="server" src="footer.html" width="1300px" height="200px" frameborder="0" scrolling="no"></iframe> 
		</div>

	</body>
</html>
